<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns:shro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>大成方略乐橙客户管理系统</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="/css/animate.min.css" rel="stylesheet">
    <link href="/css/style.min.css" rel="stylesheet">
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <!--标签样式-->
    <link rel="stylesheet" href="/css/input_tags.css"/>
 <!--   <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">-->
    <!--轮播图-->
    <link rel="stylesheet" href="/css/swiper-bundle.min.css"/>
    <!--对话框-->
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css">
    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/user-main.css"/>
</head>

<body>
<div class="container-fluid">
    <div class="card">
        <div class="card-header">
            <h1>我的线索池</h1>
        </div>
        <div class="card-body">
            <div class="row content-action">
                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-5">
                    <button type="button" class="btn btn-label btn-success " onclick="addCluePool()" style="margin: 0;"><label><i class="mdi mdi-plus"></i></label>新增线索池</button>
                </div>
                <div class="col-lg-9 col-md-9 col-sm-8 col-xs-7">
                    <div class="pull-right">
                        <div class="min-search pull-left">
                            <input class="form-control" type="text" placeholder="请输入线索池名称" id="cluePoolNameMin" name="cluePoolNameMin">
                            <button class="btn btn-primary" type="button" onclick="search(1)"><i class="mdi mdi-magnify"></i><span>搜索</span></button>
                        </div>
                        <button class="btn btn-default" data-toggle="collapse" data-target="#filterContent" aria-expanded="false" aria-controls="filterContent"><i class="mdi mdi-sort-variant"></i>高级筛选</button>
                    </div>
                </div>
            </div>
            <div class="collapse filter-content" id="filterContent">
                <div class="row">
                    <div class="form-group col-lg-3 col-md-3 col-sm-4 col-xs-12">
                        <label for="cluePoolName">线索池名称</label>
                        <div>
                            <input placeholder="请输入线索池名称" name="cluePoolName" id="cluePoolName" type="text" class="form-control" autocomplete="off">
                        </div>
                    </div>
                    <div class="form-group col-lg-2 col-md-2 col-sm-4 col-xs-12">
                        <label for="cityName">所在地区</label>
                        <div>
                            <input placeholder="请输入所在地区" name="cityName" id="cityName" type="text" class="form-control" autocomplete="off">
                        </div>
                    </div>
                    <div class="form-group col-lg-2 col-md-2 col-sm-4 col-xs-12">
                        <label for="industry">行业名称</label>
                        <div>
                            <input placeholder="请输入行业名称" name="industry" id="industry" type="text" class="form-control" autocomplete="off">
                        </div>
                    </div>
                    <div class="form-group col-lg-2 col-md-2 col-sm-4 col-xs-12">
                        <label>标签名称</label>
                        <div>
                            <input placeholder="请输入标签名称" name="tag" id="tag" type="text" class="form-control" autocomplete="off">
                        </div>
                    </div>
                    <div class="form-group col-lg-3 col-md-3 col-sm-8 col-xs-12">
                        <label>&nbsp;</label>
                        <div class="text-right">
                            <button class="btn btn-primary" type="button" onclick="search()"><i class="mdi mdi-magnify"></i><span>搜索</span></button>
                            <button class="btn btn-default" onclick="resetCluePool()">重置</button>
                        </div>
                    </div>
                </div>
            </div>
            <!--<div class="card-actions">
                <form class="pull-left form-inline" style="margin-right: 20px;">
                    <div class="form-group"><input placeholder="请输入线索池名称" name="cluePoolName" id="cluePoolName" type="text"></div>
                    <div class="form-group"><input placeholder="请输入所在地区" name="cityName" id="cityName" type="text"></div>
                    <div class="form-group"><input placeholder="请输入行业名称" name="industry" id="industry" type="text"></div>
                    <div class="form-group"><input placeholder="请输入标签名称" name="tag" id="tag" type="text"></div>
                    <div class="form-group"><button class="btn btn-primary" onClick="cluePoolPrivateInit()" type="button"><i class="mdi mdi-magnify"></i><span>搜索</span></button></div>
                </form>
                <a class="js-create-tab pull-left" href="#!" data-title="新增线索池" data-url="/front/user/cluePoolManager/addCluePool">
                    <button class="btn btn-add" type="button">新增线索池</button>
                </a>
            </div>-->
            <table id="cluePoolPrivate_list"></table>
        </div>
    </div>
</div>
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title" id="myModalLabel">编辑</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label for="clueName">线索池名称</label>
                    <input type="text" name="clueName" value="" id="clueName" class="form-control">
                    <!--线索池id-->
                    <input type="hidden" id="cluePoolPrivateId">
                </div>
                <div class="form-group">
                    <label>所在地区</label>
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <select onchange="changeCity()" id="province" name="province" class="form-control" type="text" title="请选择" data-live-search="true"></select>
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                            <select id="city" name="city" class="form-control" type="text" title="请选择" data-live-search="true"></select>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label for="industry">所在行业</label>
                    <input type="text" name="clueHangYe" value="" id="clueHangYe" class="form-control">
                </div>
                <div class="form-group">
                    <label>线索池标签</label>
<!--                    <div class="card-body" id="tagBox">-->
<!--                    </div>-->
                    <div class="form-content">

                        <input type="text" data-role="tagsinput" value="" placeholder="输入标签，回车确认" class="form-control tagsinput" maxlength="3" />
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="modifyCluePoolPrivate()">保存修改</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>

<!--省市json 标签编辑-->
<script src="/js/crm/common/city.js"></script>
<script src="/js/crm/common/input-tag.js"></script>

<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>

<!--行内编辑插件-->
<link href="/js/x-editable/1.5.1/bootstrap3-editable/css/bootstrap-editable.min.css" rel="stylesheet">
<script type="text/javascript" src="/js/x-editable/1.5.1/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/extensions/editable/bootstrap-table-editable.min.js"></script>

<!--以下是tree-grid的使用示例-->
<link href="/js/jquery-treegrid/jquery.treegrid.min.css" rel="stylesheet">
<script type="text/javascript" src="/js/jquery-treegrid/jquery.treegrid.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/extensions/treegrid/bootstrap-table-treegrid.min.js"></script>
<!--轮播图-->
<script type="text/javascript" src="/js/swiper-bundle.min.js"></script>
<!--对话框-->
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<!--标签插件-->
<script type="text/javascript" src="/js/bootstrap-tagsinput/bootstrap-tagsinput.js"></script>
<!-- 子页面公用js -->
<script src="/js/crm/common/pageCommon.js"></script>
<!--自定义js-->
<script src="/js/crm/cluePoolManager/user/cluePoolPrivateForm.js"></script>
</body>
</html>
